<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>计算器</title>
	<style type="text/css">
	table,td,tr{
		border:5px solid #9CD2EB;
	}
	table{
		width: 315px;
		height: 261px;
		margin: 50px auto;
		background: #9CD2EB url() 0 0 no-repeat;
	}
	td{	
		padding: 10px;
		background: #fff url() 0 0 no-repeat;
		text-align: center;
	}
	.td1{
		background: #FF9FA9 url() 0 0 no-repeat;
	}
	.td2{
		background: #7AA7BB url() 0 0 no-repeat;
	}
	.td3{
		background: #F2FF93 url() 0 0 no-repeat;
	}
	body{
		background: #FF7C87 url() 0 0 no-repeat;
	}
	</style>
</head>
<body>
	
    <table>
    	<tr>
    		<td class="td1">c</td>
    		<td colspan="3" class="td2">111111</td>
    		
    	</tr>
    	<tr>
    		<td>7</td>
    		<td>8</td>
    		<td>9</td>
    		<td>+</td>
    	</tr>
    	<tr>
    		<td>4</td>
    		<td>5</td>
    		<td>6</td>
    		<td>-</td>
    	</tr>
    	<tr>
    		<td>1</td>
    		<td>2</td>
    		<td>3</td>
    		<td>/</td>
    	</tr>
    	<tr>
    		<td>0</td>
    		<td>.</td>
    		<td class="td3">=</td>
    		<td>*</td>
    	</tr>
    </table>
	
</body>
</html>